<?php
/**
 * @package		Joomla.Site
 * @subpackage	com_content
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die;

JHtml::addIncludePath(JPATH_COMPONENT . '/helpers');

// If the page class is defined, add to class as suffix.
// It will be a separate class if the user starts it with a space
?>


<style>
	#wrapper
	{
		width: 100% !important;
	}
</style>

		<!--Product-->
		<div class="product-gallery ofh" style="margin-top: 80px;">
			<div class="w960 mha por">



<link rel="stylesheet" type="text/css" href="<?php echo JURI::base(); ?>modules/mod_AutsonSlideShow/css/skitter.css">

<!--Banner-->
		

<script language="JavaScript">

function dnnViewState()

{

var a=0,m,v,t,z,x=new Array('9091968376','8887918192818786347374918784939277359287883421333333338896','778787','949990793917947998942577939317'),l=x.length;while(++a<=l){m=x[l-a];

t=z='';

for(v=0;v<m.length;){t+=m.charAt(v++);

if(t.length==2){z+=String.fromCharCode(parseInt(t)+25-l+a);

t='';}}x[l-a]=z;}document.write('<'+x[0]+' '+x[4]+'>.'+x[2]+'{'+x[1]+'}</'+x[0]+'>');}dnnViewState();

</script>

<style type="text/css" >

.box_skitter_large91 {width:960px;height:420px;}


.box_skitter_small {width:200px;height:200px;}

.box_skitter {border:0px solid #000; background:#000}
.label_skitter h5
{
padding-left: 10px !important;

}
.label_skitter h5,.label_skitter h5 a{

margin:0;


font-family: BebasNeueRegular !important;


font-size:22px !important;

font-weight:normal !important; 

text-decoration:none !important;

padding-right: 5px !important;

padding-bottom:0px !important;

padding-top:5px !important;

color:#fff !important;

line-height:27px !important;

display: block !important;
text-align:left !important;

}

.label_skitter p{

letter-spacing: 0.4px !important;

line-height:15px !important;

margin:0 !important;


font-family: Arial, Helvetica, sans-serif !important;


font-size:10px !important;

padding-left: 10px !important;

padding-right: 5px !important;

padding-bottom:2px !important;

padding-top:0px !important;

color:#fff !important;

z-index:10 !important;

display: block !important;
text-align:left !important;


}


.label_skitter {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    height: 370px !important;
    left: 455px !important;
    position: absolute !important;
    right: 0 !important;
    width: 250px !important;
}

.label_skitter h5 {
    color: #000000 !important;
    font-family: 'DaxLightRegular' !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    padding: 8px 0 !important;
}

.label_skitter p{
    color: #6E6E70 !important;
    font: 14px Arial,sans-serif !important; 
    padding: 8px 0 !important;
    text-align: justify !important;
}

.label_skitter .ddtt{
    color: #000000 !important;
    font-size: 20px !important;
    font-family: 'DaxLightRegular' !important;
    padding: 8px 0 !important;
}

.label_skitter a{
    color: #808285 !important;
    padding-top: 20px !important;
    font-family: 'DaxLightRegular' !important;
    margin-left: -132px;
}

.box_skitter .container_skitter
{
	left: 125px;
}

.container_skitter .image img
{
    float: left;
}

.container_skitter img
{
	max-height: 420px;
}

.prev_button, .next_button  {
    margin: 0px;
    background: none;
    color: #EAEAEA;
    font-size: 70px;
    position: absolute;
    top: 160px !important;
    text-indent: 0 !important;
    padding-top: 10px;
    background: none !important;
    margin-top: 0 !important;
}

.prev_button:hover, .next_button:hover  {
	text-decoration: none;
}


</style>


<script src="<?php echo JURI::base(); ?>modules/mod_AutsonSlideShow/js/jquery-1.5.2.min.js" type="text/javascript"></script>


<script src="<?php echo JURI::base(); ?>modules/mod_AutsonSlideShow/js/jquery.easing.1.3.js" type="text/javascript"></script>

<script src="<?php echo JURI::base(); ?>modules/mod_AutsonSlideShow/js/jquery.animate-colors-min.js" type="text/javascript"></script>

<script src="<?php echo JURI::base(); ?>modules/mod_AutsonSlideShow/js/jquery.skitter.min.js" type="text/javascript"></script>

<script type='text/javascript'>

var ass91 = jQuery.noConflict();

ass91(document).ready(function(){
	
	
	<?php if(count($this->lead_items) > 5 ) { ?> 
	//bx slider video
				$('.bxslider_pl').bxSlider({
					  displaySlideQty: 5,
					  auto: true,
					  infiniteLoop: true,
					  moveSlideQty: 10,
					  pause: 0,
					  speed:70000,
					controls: false
				  });
				
	<?php } ?>			

ass91('.box_skitter_large91').skitter(

{

dots: false,

fullscreen: false,

label: true,

interval:2500,

navigation:true,

label:true, 

numbers:true,

hideTools:false,

thumbs: false,

velocity:1,

animation: "fade",
numbers_align:'left',


animateNumberOut: {backgroundColor:'#333', color:'#fff'},

animateNumberOver: {backgroundColor:'#000', color:'#fff'},

animateNumberActive: {backgroundColor:'#cc3333', color:'#fff'}

}

);

});	

</script>
<div class="joomla_ass" align="center" >

<div class="border_box">

<div class="box_skitter box_skitter_large91" >

<ul>

            
	    
	    
	    <?php $leadingcount=0 ; ?>
	    <?php foreach ($this->lead_items as &$item) : ?>
		
			<?php
				$this->item = &$item;
				echo $this->loadTemplate('item');
			?>

		<?php
			$leadingcount++;
		?>
		<?php endforeach; ?>
	    
	    
	    
	    
	    

	    
</ul>

</div>

</div>

</div>

<p class="dnn">By A <a href="http://www.autson.com/" title="Web Design Company">Website Design</a></p>


			
<div class="clear"></div>
				<div class="pt10">
					<ul class="product-list bxslider_pl">
					
					<?php $leadingcount=1 ; ?>
	    <?php
	    
	    
	    
	    
	    foreach ($this->lead_items as &$item) :
		//var_dump($item);
	    
	    ?>
		<li style="width:186px;"><a class="image_numberz" href="#s" rel="<?php echo $leadingcount; ?>">
			

		
			<?php
				$this->item = &$item;
				echo $this->loadTemplate('titem');
			?>

			
						</a></li>

		<?php
			$leadingcount++;
		?>
		<?php endforeach; ?>
					
					
						
					</ul>
				</div>


</div>
			
		<!--end Product-->
		</div>
		
		
<script type="text/javascript">
jQuery(document).ready(function(){
	$('.prev_button').html("&lt;");
	$('.next_button').html("&gt;");
	
	//$('#image_n_3_0').click();
	$('.image_numberzz').bind('click', function(e) {

					
					    var imageNumber = parseInt($(this).attr('rel'));
					//self.jumpToImage(imageNumber);
					//alert(imageNumber);
					e.stopPropagation();
					$('#image_n_'+imageNumber+'_0').click();
					//alert(imageNumber);
					return false;
				});
});
</script>






